<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>阿福易购-个人中心</title>
    <link rel="stylesheet" href="/css/app.css">
</head>
<body ontouchstart="">
<header class="ui-header ui-header-stable    af-header">
    <ul class="ui-row-flex">
        <li class="ui-col ui-flex ui-flex-pack-start" ontouchstart="window.location.href='/my.html'" >
            <i class="ui-icon-return af-icon-home"></i>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-center">
            <h1>我的收藏</h1>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-end">

        </li>
    </ul>
</header>

    <!--<footer class="ui-footer af-footer">-->
        <!--<ul class="ui-tiled">-->
            <!--<li  onclick="window.location.href='/'"><i class="ui-icon-hall"></i><div class="menu">首页</div></li>-->
            <!--<li><i class="ui-icon-scan"></i><div class="menu">分类</div></li>-->
            <!--<li><i class="ui-icon-cart"></i><div class="menu">购物车</div></li>-->
            <!--<li class="current " onclick="window.location.href='/my.html'"><i class="ui-icon-personal"></i><div class="menu">我的</div></li>-->
        <!--</ul>-->
    <!--</footer>-->

<div class="ui-container" >
    <div class="ui-tab ui-my-order-tab">

        <ul class="ui-tab-nav ui-border-b">
            <li>商品</li>
            <li>店铺</li>
        </ul>

        <ul class="ui-tab-content" style="width:300%;margin-top:10px;">
            <li>
                <ul class="fav-goods-list">
                    <li class="ui-border-tb">
                        <div class="ui-list-img ui-border">
                            <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/ab0c1168456bfff2addb445b7fd33dc7.jpg@!70-70)"></span>
                        </div>

                        <div class="ui-list-info">
                            <h4 class="ui-nowrap">荟食FINEFOOD 饮用天然泉水 350ML</h4>
                            <h5 class="subtitle ui-txt-muted ui-nowrap">副标题</h5>
                            <h6><font class="price"> ¥98.00 </font ><font class="market-price">¥100.00</font></h6>
                        </div>

                    </li>
                    <li class="ui-border-tb">
                        <div class="ui-list-img ui-border">
                            <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/ab0c1168456bfff2addb445b7fd33dc7.jpg@!70-70)"></span>
                        </div>

                        <div class="ui-list-info">
                            <h4 class="ui-nowrap">荟食FINEFOOD 饮用天然泉水 350ML</h4>
                            <h5 class="subtitle ui-txt-muted ui-nowrap">副标题</h5>
                            <h6><font class="price"> ¥98.00 </font ><font class="market-price">¥100.00</font></h6>
                        </div>

                    </li>
                </ul>
            </li>
            <li>
                <ul class="fav-shop-list">
                    <li class="ui-border-tb">

                        <div class="item">
                            <div class="ui-list-img ui-border">
                                <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/cae871cec556d714de993401961d9619.png@!180-72)"></span>
                            </div>
                        </div>


                        <div class="item name " class="ui-nowrap">阿福易购</div>
                        <div class=" item number">40个商品</div>
                        <div class=" item op">
                            <i class="iconfont">&#xe643;</i>
                        </div>


                    </li>
                    <li class="ui-border-tb">

                        <div class="item">
                            <div class="ui-list-img ui-border">
                                <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/cae871cec556d714de993401961d9619.png@!180-72)"></span>
                            </div>
                        </div>


                        <div class="item name " class="ui-nowrap">阿福易购</div>
                        <div class=" item number">40个商品</div>
                        <div class=" item op ">
                            <i class="iconfont">&#xe643;</i>
                        </div>


                    </li>
                </ul>

            </li>
        </ul>
    </div>

</div>
<footer>

</footer>


<script src="/lib/zepto.min.js"></script>
<script src="/js/frozen.js"></script>

<script>
    (function() {

        var tab = new fz.Scroll('.ui-tab', {
            role: 'tab',
            autoplay: false,
            interval: 3000
        });

        tab.on('beforeScrollStart', function(from, to) {
            console.log(from, to);
        });

        tab.on('scrollEnd', function(curPage) {
            console.log(curPage);
        });

    })();
</script>
</body>
</html>